@import './variable.scss';

body {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: 'color-emoji';
  src: local('Apple Color Emoji'),
  local('Segoe UI'),
  local('Segoe UI Emoji'),
  local('Segoe UI Symbol'),
  local('Noto Color Emoji');
}

@font-face {
  font-family: PingFangSC;
  src: url("../fonts/PingFangSC.ttf");
}

html, body {
  padding: 0;
  margin: 0;
  font-family: PingFangSC, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif, color-emoji;
  background-color: $color-background-base;
  //background-image: linear-gradient(120deg, $im-color-waring, $im-color-yellow);
  border-style: none;
  height: 100%;
  width: 100%;
  font-size: 16px;
  background-image: url("/public/static/background.png");
  background-repeat:no-repeat;
  background-size: 100% 100%;
}

.container {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  //background-color: $color-background-base;
  //background-image: linear-gradient(120deg, $im-color-waring, $im-color-yellow);
}

@keyframes animated-border {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255,255,255,0);
  }
}

.box {
  animation: animated-border 1.5s infinite;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  border-radius: 10px;
  border: 1px solid $color-white-base;
}

html {
  --el-color-primary: #A71E32 !important;
  --el-color-primary-dark-2: #c46458 !important;
  --el-color-primary-light-3: #c46458 !important;
  --el-color-danger: #000000 !important;
  --el-menu-active-color: #A71E32 !important;
}

.el-menu-item.is-active {
  color: #A71E32 !important;
}